<template>
  <view class="item pd-l-30 pd-r-30">
    <view>
      <text class="required" v-if="dataObj.required">*</text>
      <text>{{ dataObj.label }}</text>
    </view>
    <text>{{ dataObj.value }}</text>
  </view>
</template>
<script setup>
import { useI18n } from 'vue-i18n'
const { t } = useI18n()
const props = defineProps({
  dataObj: {
    type: Object,
    required: true,
  },
})
let form = ref({})
</script>
<style lang="scss" scoped>
.required {
  margin-right: 2rpx;
  color: red;
}
.item {
  display: flex;
  justify-content: space-between;
  padding: 30rpx 0;
  background-color: #fff;
  border-top: 2rpx solid #f8f9fb;
  .service_detail_container .top_box .msg_box text:nth-child(1) {
    font-size: 24rpx;
    color: #1c1c1c;
    &:nth-child(2) {
      font-size: 22rpx;
      color: #656565;
    }
  }
}
</style>
